<%-- 
    Document   : baseLayout
    Created on : Dec 19, 2008, 1:28:41 AM
    Author     : eswar@vaannila.com
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="/WEB-INF/struts-html" prefix="html" %>
<%@taglib uri="/WEB-INF/struts-tiles" prefix="tiles" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link type="text/css" href="../css/themes/base/jquery.ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	<script type="text/javascript" src="../js/ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="../js/ui/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="../js/ui/jquery.ui.accordion.js"></script>
	<script type="text/javascript" src="../js/ui/jquery.ui.button.js"></script>
	<link 	type="text/css" href="../css/demos1.css" rel="stylesheet" />
	<script type="text/javascript">
	$(function() {
		var icons = {
			header: "ui-icon-circle-arrow-e",
			headerSelected: "ui-icon-circle-arrow-s"
		};
		$("#accordion").accordion({
			icons: icons
		});
		$("#toggle").button().toggle(function() {
			$("#accordion").accordion("option", "icons", false);
		}, function() {
			$("#accordion").accordion("option", "icons", icons);
		});
	});
	</script>        

    <script type="text/javascript" src="<c:url value="/scripts/menuExpandable.js"/>"></script>    
    <script type="text/javascript" src="<c:url value="/scripts/xtree.js"/>"></script>
    
    <script type="text/javascript">
        /* Function for showing and hiding elements that use 'display:none' to hide */
        function toggleDisplay(targetId) {
            if (document.getElementById) {
                target = document.getElementById(targetId);
                if (target.style.display == "none"){
                    target.style.display = "";
                } else {
                    target.style.display = "none";
                }
            }
        }
    </script>

        
            <title><tiles:getAsString name="title" ignore="true" /></title>
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
        <table border="0" cellpadding="0" cellspacing="0"  width="100%" height="100%">
            <tr>
                <td height="50" colspan="2">
                    <tiles:insert attribute="header" ignore="true" />
                </td>
            </tr>
            <tr>
                <td width="20%" align="left" valign="top">
                    <tiles:insert attribute="menu" />
                </td>
                <td align="left" valign="top">
                    <tiles:insert attribute="body" />
                </td>
            </tr>
            <tr>
                <td height="50" colspan="2">
                    <tiles:insert attribute="footer" />
                </td>
            </tr>
        </table>
    </body>
</html>
